function App(){
  var str = "你好我喜欢你";
  var rawStr = "我非常的<strong>中意你</strong>,想做你的女朋友";
  var isLog = true;
  var list = ["vue","react","angular"];
  
  return (<div>
    <h1>react 渲染</h1>
    <h3>列表渲染</h3>
    {
      list.map((item,index)=><p key={index}>{index+1}-{item}</p>)
    }
    <div>
      {
        list.map(item=><h3 key={item}>{item}</h3>)
      }
    </div>
    <h3>条件渲染</h3>
    <p>{isLog&&'欢迎回来主人~'}</p>
    <p>
      {isLog?<span>曾庆林,积分100</span>:<span>请登录,注册</span>}
    </p>
    <h3>文本渲染</h3>
    <p>{str}</p>
    <p>{rawStr}</p>
    <p dangerouslySetInnerHTML={{__html:rawStr}}></p>
  </div>)
}
export default App;